layui.use(['form', 'table', 'upload', 'element'], function () {
    var form = layui.form,
        layer = layui.layer,
        table = layui.table,
        $ = layui.$,
        upload = layui.upload,
        element = layui.element;

        element.init(); //初始化element

    /**
     * 初始化表单，要加上，不然刷新部分组件可能会不加载
     */
    form.render();

    // 当前弹出层，防止ID被覆盖
    var parentIndex = layer.index;

    //点击保存上传音乐
    var musicNum = 0; //上传音乐总数
    var musicCount = 0; //已成功上传的音乐数量
    var uploadInst = upload.render({
        elem: '#uploadPhotoBtn'
        ,url: '/web/boMusic/uploadMusic' //改成您自己的上传接口
        ,multiple: true //多文件上传
        ,accept: 'audio'
        ,number: 20 //一次只能上传20条音乐
        ,acceptMime: 'audio/mp3' //只显示mp3文件
        ,auto: false //点击按钮才上传
        ,bindAction: '#saveBtn'
        // ,data: { //额外参数
        //     photoAlbumId: function(){
        //         return $('#photoAlbumId').val();
        //     }
        // }
        ,choose: function(obj){ //选中预览
            musicNum = 0; //初始化音乐总数
            musicCount = 0; //初始化已成功上传的音乐数量
            $('#pre_music').empty(); //清空预览
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                musicNum++;//上传音乐总数
                $('#pre_music').append('<div><audio controls> <source src="' + result + '" type="audio/mpeg"><embed src="' + result + '">你的浏览器不支持该音频</audio>' + file.name + '</div>');

                var percent = musicCount + '/' + musicNum;
                $("#music-progress").attr('lay-percent', percent); //设置进度
                element.init(); //初始化element
            });

        }
        ,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
            layer.load(2); //上传loading
        }
        ,done: function(res){ //
            //上传成功
            if(res.state == "200"){
                musicCount ++;
                var percent = musicCount + '/' + musicNum;
                // element.progress('photo-progress', percent); //设置进度
                $("#music-progress").attr('lay-percent', percent); //设置进度
                element.init(); //初始化element
            }
        }
        ,allDone: function(obj){ //当文件全部被提交后，才触发
            layer.closeAll('loading'); //关闭加载层
            var text = '总音乐数：' + obj.total + ' 条<br/>上传成功：' + obj.successful + ' 条<br/>上传失败：' + obj.aborted + ' 条';
            layer.open({
                content: text,
                yes: function(index, layero){
                    layer.close(index); //如果设定了yes回调，需进行手工关闭
                    layer.close(parentIndex); //关闭弹出层
                }
            });
        }
    });

    $("#closeBtn").on("click", function(){
        // 关闭弹出层
        layer.close(parentIndex);
    });

});